*{
    margin: 0;
    padding: 0;
}
body{
    padding: 20px;
}
ul li{
    list-style: none;
}
img{
    display: block;
    width: 100%;
    height: 100%;
}
.slide{
    position: relative;
    width: 590px;
    height: 470px;
    border-radius: 8px;
    overflow: hidden;
    .image{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        // transition: 0.5s;
        >div{
            width: 590px;
            height: 470px;
        }
    }
    .toClick{
        cursor: pointer;
        width: 25px;
        height: 35px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background-color: rgba($color: #000000, $alpha: 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        color: rgba($color: #ffffff, $alpha: 0.6);
        &:hover{
            background-color: rgba($color: #000000, $alpha: 0.4);
        }
    }
    .toLeft{
        left: 0;
        border-radius: 0 50% 50% 0;
        >svg{
            transform: rotate(180deg);
            margin-right: 5px;
        }
    }
    .toRight{
        right: 0;
        border-radius: 50% 0 0 50%;
        >svg{
            margin-left: 5px;
        }
    }
    .node{
        position: absolute;
        left: 20px;
        bottom: 20px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        .node-item{
            cursor: pointer;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            margin: 0 5px;
            flex-grow: 1;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;
            >div{
                width: 10px;
                height: 10px;
                background-color: rgba($color: #ffffff, $alpha: 0.3);
                border-radius: 50%;
            }
            &.active{
                background-color: rgba($color: #ffffff, $alpha: 0.3);
                >div{
                    background-color: rgba($color: #ffffff, $alpha: 0.8);
                }
            }
        }
    }
}
.console{
    margin-top: 20px;
}